   <%@ page language="java" contentType="text/html; charset=utf-8" %>  
   <html>  
   <head>  
   <title>Customizing TreePanel</title>  
      
        <link rel="stylesheet" type="text/css"
	href="../ext/resources/css/ext-all.css" />
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>
	<link rel="shortcut icon" href="../images/favicon.ico" />
	<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../ext/ext-all.js"></script>
	<script type="text/javascript" src="../ext/source/locale/ext-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../js/Ccams-lib.js"></script>
	<script type="text/javascript" src="TreeCheckNodeUI.js"></script>
     
      <script>  
           Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';
           Ext.onReady(function(){  
              var tree = new Ext.tree.TreePanel({  
                  applyTo:'tree-ct',  
                  width:568,  
                  height:300,  
                   checkModel: 'cascade',  
                   onlyLeafCheckable: false,  
                   animate: false,  
                   rootVisible: true,  
                   autoScroll:true,  
                   loader: new Ext.tree.TreeLoader({  
                       dataUrl:'getNodes.jsp',  
                       baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI }  
                   }),  
                   root: new Ext.tree.AsyncTreeNode({  
                       id:'0',text:'根结点'  
                  })  
               });  
               tree.getEl().center();  
               tree.getRootNode().expand();  
           });  
       </script>  
   </head>  
   <body>  
     
   <div id="tree-ct">  
     
   </body>  
   </html>  